用 VSCode 配置 markdown 完美写作环境

您所在的位置:网站首页 markdown all in one快捷键Mac 用 VSCode 配置 markdown 完美写作环境

用 VSCode 配置 markdown 完美写作环境

2024-07-16 07:48| 来源: 网络整理| 查看: 265

一、概述 二、软件安装 三、插件安装 1. Chinese (Simplified) Language 2. Markdown All in One 3. Markdown Preview Github Styling 4. markdownlint 5. vscode-upload-tencentCOS 6. 其他插件 四、Git 终端设置 2019-02-12更新 一、概述

Visual Studio Code 是一个代码编辑器,微软出品界面一般都很漂亮,再加上丰富的插件库和集成 Git,可以很方便的完成从写作到发布,用它来写 markdown 格式的博客文章等再适合不过了。

下面我简要阐述一下用 VSCode 写 md 文档需要达到的预期效果:

markdown语法纠错提示 常用快捷键,如加粗、斜体等 自动上传图片到图床并返回外链 实时预览(GitHub 显示效果) 二、软件安装 VSCode 官网:https://code.visualstudio.com/ Git 官网:https://www.git-scm.com/download/ 三、插件安装

点击左侧图标或者通过快捷键Ctrl + Shift + X进入扩展商店,VSCode 有多强就取决于扩展商店的丰富性了。

安装方法:先搜索需要安装插件的名字,点击安装,然后点击重新加载就完成了。

1. Chinese (Simplified) Language

VSCode 的中文语言包,习惯英文界面的请略过。

2. Markdown All in One

顾名思义,这个插件包含了 markdown 所用到的多种功能,包括:快捷键、目录、自动补全、数学环境、HTML格式转换等。

3. Markdown Preview Github Styling

VSCode 自带实时预览功能,装上这个插件后就能以 GitHub 的风格显示预览效果了。

此外还有一个功能很强大的插件 Markdown Preview Enhanced,它支持 markdown 的所有语法,比如在代码块中的 flow 格式就可以显示,而 GitHub 风格不显示。但是它的其他功能和其他插件的有所重复,当然同时装上也并不冲突,所以看个人使用需求了。

4. markdownlint

该插件包含 markdown 的规则库,可以提示你写作的不规范之处,以鼓励 markdown 文件的标准和一致性。

5. vscode-upload-tencentCOS

该插件可上传本地或在线图片到腾讯云 COS 并自动返回图片的外链。此插件配置略微繁琐,请参照我的另一篇文章:

腾讯云 COS 图床 + VSCode 插件一键获取外链

经常写博客的人都知道,最麻烦的就是插入图片了。若是插入本地图片,本地图片一经删除就会导致博客文章的图片无法显示。最优的选择就是把图片上传到图床,使用外链地址插入图片,这样可以保证博客文章中图片的稳定和长久性。

当然,在 VSCode 扩展商店中还有七牛云和阿里云的相关插件,只是七牛云的临时域名只有一个月的使用期限,需要绑定自己已经备案的域名;而阿里云是收费的,腾讯云 COS 有免费使用空间。

6. 其他插件

vscode-icons支持显示各种文件或文件夹的图标,一目了然。

四、Git 终端设置

在 VSCode 中默认打开的终端是powershell,可以认为是cmd的升级版,为方便控制版本并和 GitHub 仓库关联,我们来把默认终端改成Git。

打开设置,搜索teminal,找到自己系统对应的默认终端路径设置,比如:

默认终端

将路径改成自己安装 Git 的 …\Git\bin\bash.exe 路径就可以了。

2019-02-12更新

默认终端改成bash会影响任务执行,因为任务执行是用的shell,所以还是改回来了。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3